<template>
  <view class="card flex flex-a-c">
    <img class="poster" src="@/assets/images/item.jpg" />
    <view>
      <view class="title deep-dark ellipsis">
        与此同时尽管被指控犯但瑞莱开始与此同时尽管被指控犯但瑞莱开始与此同时尽管被指控犯但瑞莱开始与此同时尽管被指控犯但瑞莱开始
      </view>
      <view class="flex flex-a-c gray">
        <text>第1集</text>
        <view class="line"></view>

        <view v-if="status==1">
            <img class="text" src="@/assets/images/common/watching-text.png"/>
            <img class="icon" src="@/assets/images/common/watching-icon.png"/>
        </view>
        <text v-else class="time">02:03</text>
      </view>
    </view>
  </view>
</template>
<script>
export default {
    props:{
        status:{
            type:Number,
            default:0
        }
    },
  data() {
    return {};
  },
  onLoad() {},
  methods: {},
};
</script>
<style lang="scss" scoped>
.card {
  .poster {
    width: 115rpx;
    height: 154rpx;
    border-radius: 12rpx 12rpx 12rpx 12rpx;
    object-fit: cover;
    margin-right: 31rpx;
  }
  .title{
    font-size: 29rpx;
    margin-bottom: 16rpx;
  }
  .gray{
      line-height: 1;
    font-size:25rpx;
  }
  .line{
    width: 2rpx;
    height:23rpx;
    background-color: #757575;
    margin: 0 8rpx;
  }
  .icon{
    width:30.7rpx;
    height:auto;
    margin-left:8rpx;
    object-fit:cover;
  }
  .text{
    width:auto;
    height:30rpx;
    object-fit:cover;
  }
}
</style>
